
// 1. Variable overrides, example:

$include-default-icons: false;
//$include-list-disclosure-size: 1.2em;

// 2. Include Sencha Touch styles

@import '../themes/stylesheets/sencha-touch/default/all';
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-toolbar-forms;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-carousel;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-form;
@include sencha-loading-spinner;

@include sencha-toolbar-ui('main-title', #DFE8F6, 'matte');
@include sencha-button-ui( 'action', $base-color, 'glossy');
@include sencha-button-ui( 'fermer', $base-color, 'glossy');
@include sencha-button-ui( 'menu', #5A8CB3, 'glossy');

// 3. Define custom styles (can use SASS/Compass), example:

// .mybox {
//     @include border-radius(4px);
// }



.gris{
  
}
/*Standard : .PANEL-MODULE-ELEMENT*/


.x-form-text{

	background-color: rgb(100,120,140);
}

.x-msgbox-text{
  
  padding: 10%;
  color: white;
  font-weight: bold;
  margin-top: 45px;
}

.x-form-fieldset-title{
  font-size: 100%;
}
.x-list-disclosure{

    //Modificar
}
.x-list-item{

  background-color: #FFF;
}


.x-form-label{
  width: 37%;
}



.x-form-fieldset-title {

	margin: 0.2em 0.7em 0.3em;

}

.x-form-fieldset {
	margin: 0.2em 0 1.5em;
}

.x-msgbox-buttons{

  top: initial;
  bottom: 12px;
}
.x-msgbox{

  height: none;
}
.x-button-menu{

  margin: 3px;
}

.x-slider{
  margin: 0.3em;
}

.fermer{

  color: white;
  text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
  //background-color: #4E8DBF;
  //-webkit-mask: 0 0 theme_image($theme-name, "fermer.png") no-repeat;
}



/*LOADING MASK*/

.loading-mask{

	margin: auto;
	width: 200px;
	padding-top: 50px;
}

/*TOOLBAR*/

.toolbar{

	color: rgb(67,81,101);
	background-color: rgb(67,81,101);
}

.logo{
  
  text-shadow: white 0 1px 1px;
  font-size: 130%;
  vertical-align: top;
  font-weight: bolder;
  text-align: center;
  line-height: 2.1em;
  margin-top:0px;
  margin-bottom:0px;
}

/*ACTION SHEET*/

.action-sheet{

	background-color: transparent;
}

.action-sheet-panel{

	background-color: transparent;
	//padding: 20px;
	//border: 2px solid rgb(0,0,0); rgba(26, 32, 39, 0.898438);
}
.action-sheet-panel-gerer-preuves{

	background-color: rgb(185,185,185);
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	border: 2px solid rgb(0,0,0);
}

.action-sheet-panel-fermer{

	background-color: rgb(185,185,185);
	padding: 20px;
	border: 2px solid rgb(0,0,0);
}

.button-menu{
  
  color: white;

  text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
  //background-color: #4E8DBF;
  //-webkit-mask: 0 0 theme_image($theme-name, "fermer.png") no-repeat;
}

/*AUTHENTIFICATION*/

.auth{

	background-color: rgb(100,120,140);

}

.auth-text{
	padding-top:10%;
	margin-bottom: 5%;
	background-color: rgb(100,120,140);
	color:#FFFFFF;
	font-size: xx-large;
}

.auth-field{
	
  color: rgb(100,120,140);

}

.auth-panel{

	background-color: rgb(100,120,140);
}

.auth-img-paraguas{
  
  text-align: left;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}
.auth-img-mundo{
  
  text-align: right;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}


.auth-emamobile{
  
  text-shadow: white 0 1px 1px;
  font-size: 130%;
  padding: 10%;
  vertical-align: top;
  font-weight: bolder;
  text-align: center;
  line-height: 2.1em;
  margin-top:0px;
  margin-bottom:0px;
}

.auth-div{
  
  height: 47px;
  text-align: center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}


.auth-button{

	margin-top: 10%;
	margin-left: 37%;
	margin-right: 5%;
	margin-bottom: 5%;
}
.auth-white{

  color: white;
}

/*LIST CAMPAGNES*/

.campagne-image{
  background-image: url(../../../img/EMaEval-campagne-icon.png);
  background-repeat: no-repeat;
  background-position-x: 15px;
  background-position-y: 5px;
}

.Campagne_name{

	color: rgb(100,120,140);
	font-family: sans-serif;
	font-weight: bolder;
	font-size: 80%;
}
.Campagne_description{

	padding-top: 3px;
	color: rgb(90,130,180);
	font-family: sans-serif;
	font-size: 60%;
}
.Campagne_date_fin{

	color: rgb(90,130,180);
	font-family: sans-serif;
	font-size: 60%;
}

/*LISTE DE TACHES*/
.tache-image{
  background-image: url(../../../img/EMaEval-tache-icon.png);
  background-repeat: no-repeat;
  background-position-x: 15px;
  background-position-y: 5px;
}

/*CAMPAGNE*/

.campagne-consigne{

  padding: 15%;
  text-shadow: white 0 1px 1px;
}

.campagne-text{
	
	padding: 20%;
	background-color: rgb(255,255,255);
}

.candidat-panel{
  
  border-right: 1px solid rgb(0,0,0);
}

.consigne-panel{
  
  border-right: 1px solid rgb(0,0,0);
}


.candidat-image{

}

.candidat-list{

  font-size: 0.8em;
}


.candidat-lastname{

  color: rgb(100,120,140);
  font-family: sans-serif;
  font-weight: bold;
  font-size: 0.8em;
  text-transform: uppercase;
}
.candidat-firstname{

  color: rgb(100,120,140);
  font-family: sans-serif;
  font-size: 0.8em
}

.candidat-lastname-alert{

  font-family: sans-serif;
  font-weight: bold;
  font-size: 0.8em;
  text-transform: uppercase;
}
.candidat-firstname-alert{

  font-family: sans-serif;
  font-size: 0.8em
}
.competence-alert{

  padding-right: 10px;
}

.level-alert{


}
.table-alert{

  margin-top: 0.6em;
}

.logo-panel{

  background-image: url(../../../img/logo.png);
}


.competence-id{

	color: rgb(100,120,140);
	font-family: sans-serif;
	font-size: 60%;
}

.competence-name{

	color: rgb(100,120,140);
	font-family: sans-serif;
	font-weight: bolder;
	font-size: 90%;
}

.competence-list{


}

.competence-image{

}


.level-panel{

	background-color: rgb(185,185,185);
	padding: 5px;
	border: 1px solid rgb(0,0,0);
}

.level-table{

}

.level-name{

	font-size: 70%;
}

.note-toolbar{
  text-align: left;
  padding-left: 5%;
}

.methode-eval-panel{
  
  padding: 0;
}
.method-eval-title{
  
  font-size: 65%;
}

.methode-eval{
  
  padding: 0.5em;
}

.evaluer-methode-eval{
  
  padding-top: none;
}
